.--search-history-list {
  display: flex;
  align-items: center;
  padding: px2rem(8) px2rem(28);
  flex-wrap: wrap;
  line-height: px2rem(57);
  text-align: center;

  .--search-item {
    flex-basis: 50%;
    width: 50%;
    overflow: hidden;
    margin-top: px2rem(20);

    > span {
      display: block;
      margin: 0 px2rem(10);
      padding: px2rem(5) px2rem(20);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      background: #f3f7f8;
      border-radius: px2rem(4);
      transition: .1s linear;
    }

    &[touch="active"] > span {
      background: darken(#f3f7f8, 8%);
    }

    @media screen and (orientation: landscape) {
      flex-basis: ((100% / 3) - 0.001%);
    }
  }
}